<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
	content="text/html; charset=charset=utf-8">
		<title>首页</title>
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
		<style type="text/css">
body {
	background-color: #136E24;
	background-repeat: no-repeat;
	background-position: center;
}
</style>
	</head>
	<body>
		<div class="navbar navbar-default">
			<div class="container">
				<div class="navbar-header">
					<img alt="" src="img/logo.GIF">
				</div>
				<ul class="nav navbar navbar-right">
					<li>
						<a href="#">我的</a>
					</li>
					<li>
						<a href="backmanage">后台</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="container">
			<div class="jumbotron">
				<div class="container">
					<h2>
						网站标题
					</h2>
					<p>
						这是一个学习性的网站！
					</p>
					<p>
						<a href="#" class="btn btn-default"> 更多内容 </a>
					</p>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<ul class="list-group">
						<li class="list-group-item">
							<div class="media">
								<a class="pull-left thumbnail" href="vocabulary"> <img
										class="media-object" src="img/Koala.jpg" alt="媒体对象"> </a>
								<div class="media-body">
									<h4 class="media-heading">
										媒体标题
									</h4>
									这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
									这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
								</div>
							</div>
						</li>
						<li class="list-group-item">
							<div class="media">
								<a class="pull-left thumbnail" href="practicecommand"> <img
										class="media-object" src="img/Lighthouse.jpg" alt="媒体对象">
								</a>
								<div class="media-body">
									<h4 class="media-heading">
										媒体标题
									</h4>
									这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
									这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
								</div>
							</div>
						</li>
						<li class="list-group-item">
							<div class="media">
								<a class="pull-left thumbnail" href="novalcommand"> <img
										class="media-object" src="img/Penguins.jpg" alt="媒体对象">
								</a>
								<div class="media-body">
									<h4 class="media-heading">
										媒体标题
									</h4>
									这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
									这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="col-md-4">
					<div class="media well">
						<div class="media-body">
							<h4 class="media-heading">
								广告
							</h4>
							<p>
								广而告之
							</p>
						</div>
					</div>

				</div>
			</div>
		</div>
		<script src="jquery/jquery.min.js"></script>
		<script src="bootstrap/js/jquery.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
	</body>

</html>